@tailwind base;
@tailwind components;
@tailwind utilities;

/* 你的自定义 CSS */
.andyHuang {
  color: red;
}

/* safelist for tailwindcss v4+ */
@layer utilities {

  /* 自定义边框颜色 */
  .border-red {
    border: 1px solid red;
  }

  .border-blue {
    border: 1px solid blue;
  }

  /* 自定义内边距和外边距 */
  .paddingLR10 {
    @apply px-2.5 bg-white;
  }

  .marginLR10 {
    @apply mx-2.5;
  }

  /* 自定义高度计算 */
  .h-content {
    height: calc(100vh - 172px);
  }

  .h-contentNew {
    height: calc(100vh - 76px);
  }

  .h-contentNew-noSearch {
    height: calc(100vh - 46px);
  }

  .h-content-noSearch {
    height: calc(100vh - 176px);
  }

  .h-contentMorethan5Search {
    height: calc(100vh - 215px);
  }

  /* 自定义按钮样式 */
  .actionButtonClass {
    @apply mt-2.5 pt-2.5 pr-2.5 pb-0 pl-0 bg-white flex;
  }

  /* 自定义间距 */
  .mb-10px {
    margin-bottom: 10px;
  }

  .p-10px {
    padding: 10px;
  }

  .p-20px {
    padding: 20px;
  }
}
